<!--查看客户-->
<div style="width: 700px;min-height: 480px;">
    <div class="tab f14 clearfix">
        <ul>
            <li ng-class="{'tab-on':tab === 'cstInfo'}">
                <a href="javascript:;" ng-click="tab='cstInfo'">客户信息</a>
            </li>
            <li ng-class="{'tab-on':tab === 'cstModifyList'}">
                <a href="javascript:;" ng-click="tab='cstModifyList'">变更记录</a>
            </li>
            <li ng-class="{'tab-on':tab === 'assignLogList'}">
                <a href="javascript:;" ng-click="tab='assignLogList'">分配日志</a>
            </li>
            <li ng-class="{'tab-on':tab === 'recoverLogList'}">
                <a href="javascript:;" ng-click="tab='recoverLogList'">回收日志</a>
            </li>
        </ul>
        <div class="tab-bottom-line"></div>
    </div>
    <!--客户信息-->
    <div class="cus_info" ng-if="tab === 'cstInfo'">
        <div class="grid-header pl10 mt10 grid-header-left-line relative">
            <div class="clearfix">
                <span class="fl f14 lh30 text-indent">基本信息</span>
            </div>
        </div>
        <table width="100%" class="f12" style="border-bottom: 1px dashed #ccc;">
            <tbody>
            <tr>
                <td align="left" class="form-cell" valign="top" width="180">姓名：{{cstInfo.cst_name}}</td>
                <td align="left" class="form-cell" width="180">性别：{{cstInfo.gender_text}}</td>
                <td align="left" class="form-cell" width="180"></td>
            </tr>
            <tr>
                <td colspan="3" align="left" class="form-cell">电话：{{cstInfo.comms_all}}</td>
            </tr>
            <tr>
                <td colspan="3" align="left"  class="form-cell" valign="top">标签：{{cstInfo.label_ids}}</td>
            </tr>
            <tr>
                <td colspan="3" align="left" valign="top" class="form-cell">备注：{{cstInfo.desc}}</td>
            </tr>
            </tbody>
        </table>
        <div class="grid-header pl10 mt10 grid-header-left-line relative">
            <div class="clearfix">
                <span class="fl f14 lh30 text-indent">特征信息</span>
            </div>
        </div>
        <table width="100%" class="f12" style="border-bottom: 1px dashed #ccc;">
            <tbody>
            <tr>
                <td align="left" class="form-cell" valign="top"  width="180">年龄段：{{cstInfo.ages_text}}</td>
                <td align="left" class="form-cell" width="180">居住区域：{{cstInfo.home_id_text}}</td>
                <td align="left" class="form-cell"  width="180">工作区域：{{cstInfo.work_area_id_text}}</td>
            </tr>
            <tr>
                <td align="left" class="form-cell" valign="top">工作行业：{{cstInfo.work_type_id_text}}</td>
                <td align="left" class="form-cell">婚姻状况：{{cstInfo.marriage_id_text}}</td>
                <td align="left" class="form-cell">本地户籍：{{cstInfo.is_local_text}}</td>
            </tr>
            <tr>
                <td align="left" class="form-cell" valign="top">家庭结构：{{cstInfo.family_id_text}}</td>
                <td align="left" class="form-cell">有无社保：{{cstInfo.insurance_text}}</td>
                <td align="left" class="form-cell">置业次数：{{cstInfo.house_count_id}}</td>
            </tr>
            <tr>
                <td align="left" class="form-cell" valign="top">购房资格：{{cstInfo.allow_pay_text}}</td>
                <td align="left" class="form-cell">是否会员：{{cstInfo.vip_text}}</td>
                <td align="left" class="form-cell">客户来源：{{cstInfo.cst_from_text}}</td>
            </tr>
            <tr>
                <td align="left" class="form-cell" valign="top" colspan="3">认知途径：{{cstInfo.known_id_text}}</td>
            </tr>
            </tbody>
        </table>
        <div class="grid-header pl10 mt10 grid-header-left-line relative">
            <div class="clearfix">
                <span class="fl f14 lh30 text-indent">其他信息</span>
            </div>
        </div>
        <table width="100%" class="f12" style="border-bottom: 1px dashed #ccc;">
            <tbody>
            <tr>
                <td align="left" class="form-cell" valign="top" width="180">业务员：{{cstInfo.user_name}}</td>
                <td align="left" class="form-cell" width="180">创建时间：{{cstInfo.created_on}}</td>
                <td align="left" class="form-cell" width="180">分配日期：{{cstInfo.fp_date}}</td>
            </tr>
            <tr>
                <td align="left" class="form-cell" valign="top" width="180" colspan="{{cstInfo.s_broker2customerId?1:3}}">分配人：{{cstInfo.fpr}}</td>
                <td align="left" class="form-cell" valign="top" width="180" ng-show="cstInfo.s_broker2customerId">经纪人姓名：{{cstInfo.broker_name}}</td>
                <td align="left" class="form-cell" width="180" ng-show="cstInfo.s_broker2customerId">预约看房时间：{{cstInfo.yykf_date}}</td>
            </tr>
            <tr ng-show="cstInfo.s_broker2customerId">
                <td colspan="3" align="left" valign="top" class="form-cell">客户描述：{{cstInfo.cst_detail}}</td>
            </tr>
            </tbody>
        </table>
    </div>
    <!--end客户信息-->

    <!--变更记录-->
    <div class="update_info" ng-if="tab === 'cstModifyList'">
        <div class="table-header mt10">
            <div class="clearfix">
                <span class="fl f14 lh30 text-indent">客户信息修改日志（修改电话视作先删除再添加）</span>
            </div>
        </div>
        <div class="table-wrap text-center mt10" style="min-height: 381px;max-height: 381px;">
            <table width="100%">
                <thead>
                <tr>
                    <th width="50" class="text-center">序号</th>
                    <th class="text-center" width="120">操作时间</th>
                    <th class="text-center">变更内容</th>
                    <th class="text-center">描述</th>
                    <th class="text-center" width="120">修改人<a class="fr ml15 c-orange mr5" ng-click="getCstModifyList()"><i class="freshen"></i></a></th>
                </tr>
                </thead>
                <tbody>
                <tr ng-repeat="modify in tabs.cstModifyList.list">
                    <td height="34">
                        {{(tabs.cstModifyList.page_index-1)*tabs.cstModifyList.page_size+$index+1}}
                    </td>
                    <td>{{modify.created_on}}</td>
                    <td>{{modify.filed}}</td>
                    <td>{{modify.description}}</td>
                    <td>{{modify.username}}</td>
                </tr>
                </tbody>
            </table>
            <div class="no-data  ng-hide" ng-show="tabs.cstModifyList.list.length<1">
                <span>暂无数据</span>
            </div>
        </div>
        <div ui-pagination page-index="tabs.cstModifyList.page_index" page-size="tabs.cstModifyList.page_size" total="tabs.cstModifyList.total"
             class="mt10" changed="getCstModifyList($pageIndex)"></div>
    </div>
    <!--end变更记录-->

    <!--分配日志-->
    <div class="distribution_info" ng-if="tab === 'assignLogList'">
        <div class="table-header mt10">
            <div class="clearfix">
                <span class="fl f14 lh30 text-indent">客户分配日志</span>
            </div>
        </div>
        <div class="table-wrap text-center mt10" style="min-height: 381px;max-height: 381px;">
            <table width="100%">
                <thead>
                <tr>
                    <th width="50" class="text-center">序号</th>
                    <th class="text-center" width="120" style="cursor: pointer;" ng-click="query.sort_order = (query.sort_order === 'desc' ? 'asc':'desc');getAssignLogList()">
                        操作时间
                        <a class="ml5">
                            <i class="sort_icon" ng-class="{sort_down:query.sort_order === 'desc',sort_up:query.sort_order === 'asc'}"></i>
                        </a>
                    </th>
                    <th class="text-center" width="120">操作人</th>
                    <th class="text-center">描述<a class="fr ml15 c-orange mr5" ng-click="getAssignLogList()"><i class="freshen"></i></a></th>
                </tr>
                </thead>
                <tbody>
                <tr ng-repeat="assign in tabs.assignLogList.list">
                    <td height="34">
                        {{(tabs.assignLogList.page_index-1)*tabs.assignLogList.page_size+$index+1}}
                    </td>
                    <td>{{assign.fp_date}}</td>
                    <td>{{assign.fpr}}</td>
                    <td>{{assign.remark}}</td>
                </tr>
                </tbody>
            </table>
            <div class="no-data  ng-hide" ng-show="tabs.assignLogList.list.length<1">
                <span>暂无数据</span>
            </div>
        </div>
        <div ui-pagination page-index="tabs.assignLogList.page_index" page-size="tabs.assignLogList.page_size" total="tabs.assignLogList.total"
             class="mt10" changed="getAssignLogList($pageIndex)"></div>
    </div>
    <!--end分配日志-->

    <!--回收日志-->
    <div class="distribution_info" ng-if="tab === 'recoverLogList'">
        <div class="table-header mt10">
            <div class="clearfix">
                <span class="fl f14 lh30 text-indent">客户回收日志</span>
            </div>
        </div>
        <div class="table-wrap text-center mt10" style="min-height: 381px;max-height: 381px;">
            <table width="100%">
                <thead>
                <tr>
                    <th width="50" class="text-center">序号</th>
                    <th class="text-center" width="120" style="cursor: pointer;" ng-click="query.sort_order = (query.sort_order === 'desc' ? 'asc':'desc');getRecoverLogList()">
                        操作时间
                        <a class="ml5">
                            <i class="sort_icon" ng-class="{sort_down:query.sort_order === 'desc',sort_up:query.sort_order === 'asc'}"></i>
                        </a>
                    </th>
                    <th class="text-center" width="120">操作人</th>
                    <th class="text-center" width="120">原销售员</th>
                    <th class="text-center">回收原因<a class="fr ml15 c-orange mr5" ng-click="getRecoverLogList()"><i class="freshen"></i></a></th>
                </tr>
                </thead>
                <tbody>
                <tr height="34" ng-repeat="log in tabs.recoverLogList.list">
                    <td height="34">
                        {{(tabs.recoverLogList.page_index-1)*tabs.recoverLogList.page_size+$index+1}}
                    </td>
                    <td>{{log.fp_date}}</td>
                    <td>{{log.fpr}}</td>
                    <td>{{log.old_user_name}}</td>
                    <td>{{log.recover_reason}}</td>
                </tr>
                </tbody>
            </table>
            <div class="no-data  ng-hide" ng-show="tabs.recoverLogList.list.length<1">
                <span>暂无数据</span>
            </div>
        </div>
        <div ui-pagination page-index="tabs.recoverLogList.page_index" page-size="tabs.recoverLogList.page_size" total="tabs.recoverLogList.total"
             class="mt10" changed="getRecoverLogList($pageIndex)"></div>
    </div>
    <!--end回收日志-->
</div>